﻿<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="password-recovery.aspx.cs" Inherits="user_password_recovery" Async="true" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <link rel="stylesheet" href="../hr/css/content.css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="PageBody" Runat="Server">
    <!-- Showcase Banner  |  Start -->
<div id="showcase">
<div id="canvas" class="career">
<!-- #Include file="../includes/showcase_nav.inc" -->


<div class="grid z30"></div>

<div class="manlady z25"></div>
<div class="bg z20"></div>
<div id="cloud_big" class="career z15"></div>
<div class="sun z10"></div>

</div>
</div>
<!-- Showcase Banner  |  End   -->

<div class="seperator">
    </div>
    <div id="body">
    
    <!-- Right Column | Start -->
        <div class="col_left">
            <div class="menu">
                <ul>
                    <li><a href="../careers/job-list.aspx">Careers</a></li>
                    <li><a href="login.aspx" class="select">Login</a></li>
                </ul>
            </div>
        </div>
        <!-- Right Column | End   -->
        <!-- Content Column | Start -->
        <div class="col_mid">
    <div class="message">
    <!-- Quick Nav [Prev / Next]  |  Start  -->
            <div class="quick_nav_container">
                <div class="quick_nav right">
                    <div class="quick_nav_button">
                        <a href="login.aspx" class="prev">
                            <img src="../images/other/spacer.png" alt="Previous Page" width="10" height="15" /></a></div>
                    <div class="quick_nav_button">
                        <a href="#" class="empty">
                            <img src="../images/other/spacer.png" alt="Next Page" width="10" height="15" /></a></div>
                </div>
            </div>
            <!-- Quick Nav [Prev / Next]  |  End    -->
    <h1 class="heading">
                <asp:Label runat="server" ID="lblFormTitle" Text="Password Recovery" /></h1>
            <div class="seperator">
            </div>
                        <div id="divForm" runat="server">
                            <span>Please enter your email address and type the characters you see in the picture
                                below to recover your password. </span>
                            <div class="clear">
                            </div>
                        
                        <table width="100%" cellpadding="3" cellspacing="3">
                        <tr>
                            <td colspan="3">
                                <asp:Label ID="lblMessage" ForeColor="Red" runat="server"></asp:Label>
                            <asp:ValidationSummary ID="ValidationSummary1" CssClass="errorSummary" HeaderText="Oops... Please complete the form"
                                runat="server" ValidationGroup="customer" />
                            </td>
                        </tr>
                        <tr>
                            <td width="170px">
                                Enter Email
                            </td>
                            <td>
                                :
                            </td>
                            <td>
                                <asp:TextBox ID="txtEmail" runat="server" MaxLength="80" Width="200px"></asp:TextBox>
                                </span><span class="indicator">
                                    <asp:RequiredFieldValidator ID="rfvEmail" runat="server" ControlToValidate="txtEmail"
                                        Display="Dynamic" ErrorMessage="" Text="*" ValidationGroup="customer" validationErrorCssClass="validationError">
                                    </asp:RequiredFieldValidator>
                                    <asp:RegularExpressionValidator ID="rfvEmailValid" runat="server" ControlToValidate="txtEmail"
                                        Display="Dynamic" ErrorMessage="" validationErrorCssClass="validationError" Text=""
                                        ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ValidationGroup="customer"></asp:RegularExpressionValidator>
                            </td>
                        </tr>
                        <tr>
                        <td width="170px" style="vertical-align:text-top;">
                                Security Check
                            </td>
                            <td style="vertical-align:text-top;">
                                :
                            </td>
                            <td>
                            <asp:Image ID="hplCaptcha" runat="server" ImageUrl="../captcha/Handler.ashx" AlternateText="Captcha" />
                                <br />
                                Please type as shown on image above:<br />
                                <asp:TextBox Width="220px" ID="txtSecurityCheck" MaxLength="10" runat="server" />
                                <asp:HiddenField ID="hidSecurityCheck" Visible="false" runat="server" />
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" ValidationGroup="customer" ControlToValidate="txtSecurityCheck"
                                    runat="server" Display="Dynamic" Text="*" ErrorMessage=""></asp:RequiredFieldValidator>
                                <asp:RegularExpressionValidator ID="revSecurityCheck" runat="server" ValidationGroup="customer"
                                    ValidationExpression="^\s*([^\s]\s*){4}$" ControlToValidate="txtSecurityCheck"
                                    Text="**" ErrorMessage="Please type 4 characters for security check code." Display="Dynamic"></asp:RegularExpressionValidator>
                            </td>
                        </tr>
                        <tr>
                            <td width="170px">
                            </td>
                            <td>
                            </td>
                            <td>
                            <div id="divProcessing" style="display: none;">
                                    <asp:Label runat="server" ID="lblSubmitMessage" ForeColor="Red" />
                                </div>
                                <asp:Button runat="server" ID="btnRecoverPassword" OnClientClick="javascript:return SubmitConfirm();"
                                    OnClick="btnRecoverPassword_Click" CausesValidation="true" ValidationGroup="customer"
                                    Text="Submit" Width="120px" Height="35px" Font-Bold="true" />
                            </td>
                        </tr>
                        
                        </table>
                        
                        </div>
                        <div id="divMessage" runat="server" visible="false">
                        <asp:Label runat="server" ID="lblSentMessage" ForeColor="Green" />
                        </div> 
                        
    </div>
    
    
     </div>
    <div class="clear">
        </div>
        </div>
    <div class="seperator">
    </div>
    
     <script language="javascript" type="text/javascript">
        function SetTextLimit(limitField, limitCount) {
            limitText(limitField, document.getElementById('<=txtResumeCountDown.ClientID>'), limitCount);
        }

        function limitText(limitField, limitCount, limitNum) {
            //alert(limitField.value);
            //alert(limitCount.value);
            //alert(limitNum);
            if (limitField.value.length > limitNum) {
                limitField.value = limitField.value.substring(0, limitNum);
            } else {
                limitCount.value = limitNum - limitField.value.length;
            }
        }

        function SubmitConfirm() {
            var _retVal = false;
            if (Page_ClientValidate('customer')) {
                _retVal = confirm('Do you confirm to SUBMIT?');
                if (_retVal) {
                    document.getElementById('<%=lblSubmitMessage.ClientID%>').innerHTML = 'Processing...';
                    document.getElementById('divProcessing').style.display = '';
                    //document.getElementById('<%=lblSubmitMessage.ClientID%>').style.color = 'gray';
                    document.getElementById('<%=btnRecoverPassword.ClientID%>').style.display = 'none';
                }
            }
            return _retVal;
        }

    </script>
    </asp:Content>
